<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- 
    元素类型   => 18 
    div p ul ol li dl dt dd h1-h6   => 块级元素
    a span i em b strong u          => 内联元素
    img input                       => 内联块元素
-->
</body>
<script>
    // JS数据类型  => 描述各种不同类型的数据  

    // 7种数据类型
    // string  number  boolean    null   undefined   array    object
    // 字符串   数字    布尔值      空值                数组     对象

    // 小技巧: 字符串=>黑色 数字/布尔值=>蓝色  null/undefined => 灰色  

    // 如何区分数据类型 ?
    // typeof 数据  => 数据类型(返回的是字符串)

    // null         => "object"
    // undefined   => "undefined"
  
    var str = "100";
    console.log(str,typeof "100");  // 值:"100"  数据类型: "string"

    var num = 100;
    console.log(num,typeof num); // 100 => "number"

    var bool = true;
    console.log(bool,typeof bool);   // true => "boolean"

    var a = null;   // 赋空值  
    console.log(a,typeof a);  // null => "object"

    var b ;         // 不赋值  默认值:undefined
    console.log(b,typeof b); // undefined   =>  undefined

    /* var arr = [1,2,3,4,5,6,7,8,9];   // 数组 => 一组数 
    console.log(arr);

    // 对一个或一类事物 特征和行为的描述

    var zhangSan = {
        // 属性名(描述):属性值(7中数据类型)
        "name":"张三",
        "age":18,
        "sex":"男",
        "isStudy":true,
        "hobby":["唱歌","跳舞","打篮球"],
    };

    // 属性名的引号可以省略
    var zhangSan = {
        name:"张三",
        age:18,
        sex:"男",
        hobby:["唱歌","跳舞","打篮球"],
    };
    console.log(zhangSan); */


</script>
</html>